<template>

    <div id="translateOutput">
      <h2>{{translatedText}}</h2>
    </div>

</template>

<script>
export default {
  name: 'translateOutput',
  props:[
    "translatedText"
  ],
  data () {
    return {
      title: '翻译后的内容'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1{
  color:#222;
  text-align:center;
  line-height:60px;
}
</style>
